﻿<!DOCTYPE html>
<html>

<head>

  <meta charset="UTF-8">

  <title></title>

    <link rel="stylesheet" href="../../css/chat/chat.css" media="screen" type="text/css" />
    <script type="text/javascript" src="../../js/public/jquery-3.1.1.min.js"></script>  
    <script type="text/javascript" src="../../js/public/public.js"></script> 
    <script type="text/javascript" src="../../js/chat/chat.js"></script>  
</head>

<body>
  <div id="convo" data-from="Sonu Joshi">
    <ul class="chat-thread" id="msgUl">
      <ul class="r-chat-thread">
         <li>I was thinking after lunch, I have a meeting in the morning</li>
      </ul>
      <ul class="l-chat-thread">
         <li>I was thinking after lunch, I have a meeting in the morning</li>
      </ul>
      <ul class="l-chat-thread">
         <li>I was thinking after lunch, I have a meeting in the morning</li>
      </ul>
      <ul class="r-chat-thread">
         <li>I was thinking after lunch, I have a meeting in the morning</li>
      </ul>
      <ul class="r-chat-thread">
         <li>I was thinking after lunch, I have a meeting in the morning</li>
      </ul>
      <ul class="l-chat-thread">
         <li>I was thinking after lunch, I have a meeting in the morning</li>
      </ul>
    </ul>

    
</div>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
  <input type="text" class="inputText" style="width:588px;" id="msgContent" />  
<button type="button" id="sendMsgBtn">发送</button>  
</div>
</body>
</html>